<template>
    <van-search v-model="value" placeholder="搜你所想" />
    <Tab></Tab>
    <swipe></swipe>
    <div class="dp">
        <img src="./img/首页_06.gif" alt="" style="margin-left: 20px;margin-top: 20px;">
        <img src="./img/1_06.gif" alt="" style="margin-left: 30px;margin-top: 20px;">
        <img src="./img/2_06.gif" alt="" style="margin-left: 30px;margin-top: 20px;">
        <img src="./img/3_06.gif" alt="" style="margin-left: 30px;margin-top: 20px;">
        <img src="./img/4_06.gif" alt="" style="margin-left: 40px;margin-top: 20px;">
    </div>
    <div class="box">
        <span style="font-weight: bold;">热门车系</span>|<span>热门品牌</span><span style="font-weight: bold;margin-left: 150px;">更多车系></span>
    </div>
    <div style="margin-top: 20px;">
        <span style="width: 48px;height: 24px;border: 1px solid #000;font-weight: bold;margin-left: 10px;">轿车</span>
        <span style="width: 48px;height: 24px;border: 1px solid #000;font-weight: bold;margin-left: 10px;">SUV</span>
        <span style="width: 48px;height: 24px;border: 1px solid #000;font-weight: bold;margin-left: 10px;">MPV</span>
        <span style="width: 48px;height: 24px;border: 1px solid #000;font-weight: bold;margin-left: 10px;">新能源</span>
    </div>
    <div>
        <div class="d1" style="float: left;">
            <img src="./img/5_06.gif" alt="" style="margin-top: 20px;margin-left: 20px;">
        <br>
        <span style="color: red;">9.98万起</span><span>询底价></span>
        </div>
        <div class="d2" style="float: right;">
            <img src="./img/5_06.gif" alt="" style="margin-top: 20px;margin-left: 20px;">
        <br>
        <span style="color: red;">9.98万起</span><span>询底价></span>
        </div>
        <div class="d2" style="float: right;">
            <img src="./img/5_06.gif" alt="" style="margin-top: 20px;margin-left: 20px;">
        <br>
        <span style="color: red;">9.98万起</span><span>询底价></span>
        </div>
    </div>
    <div class="dd1" style="height: 415px;">
        <span>华为比亚迪互卷，受伤的是17万的宝马？</span>
        <img src="./img/10_06.gif" alt="" style="width: 100%;height: 200px;">
        <span style="color: #c6c8d0;">车圈吐槽小会 5.2万次播放 6小时前</span>
    </div>
</template>

<script setup>
import swipe from '@/components/swipe.vue';
import Tab from '@/components/tab.vue';
</script>

<style lang="scss" scoped></style>